<template>
  <ul style="font-size: 30px">
    <li><router-link :to="{name: 'Icon'}">icons</router-link></li>
    <hr>
    <li><router-link :to="{name: 'DialogLoading'}">dialog/loading</router-link></li>
    <li><router-link :to="{name: 'DialogToast'}">dialog/toast</router-link></li>
    <li><router-link :to="{name: 'DialogAlert'}">dialog/alert</router-link></li>
    <li><router-link :to="{name: 'DialogConfirm'}">dialog/confirm</router-link></li>
    <li><router-link :to="{name: 'DialogActionSheet'}">dialog/action-sheet</router-link></li>
    <hr>
    <li><router-link :to="{name: 'ScrollSection'}">scroll-section</router-link></li>
    <li><router-link :to="{name: 'Popup'}">popup</router-link></li>
    <hr>
    <li><router-link :to="{name: 'Button'}">button</router-link></li>
    <li><router-link :to="{name: 'Switch'}">switch</router-link></li>
    <li><router-link :to="{name: 'Navbar'}">navbar</router-link></li>
    <li><router-link :to="{name: 'Input'}">input</router-link></li>
    <li><router-link :to="{name: 'Textarea'}">textarea</router-link></li>
    <li><router-link :to="{name: 'Search'}">search</router-link></li>
    <hr>
    <li><router-link :to="{name: 'List'}">list</router-link></li>
    <li><router-link :to="{name: 'RollNotice'}">roll-notice</router-link></li>
    <li><router-link :to="{name: 'Counter'}">counter</router-link></li>
    <li><router-link :to="{name: 'Slider'}">slider</router-link></li>
  </ul>
</template>
